/*!
 * Copyright(c)2019-2039, www.uicsoft.com
 * 项目名称:纯净版
 * 文件名称:customcommon.scss
 * Date:21-7-13 下午2:29
 * Author:cg
 */
//
$maincolor:#409EFF;
$mainBG:#ecf5ff;
$mainDisable: #9dbcdc;
$headerbg:#f2f2f2;

//$maincolor:#EE514E;
//$mainBG:#FBEBEB;
//$mainDisable:#f7b2b2;
//$headerbg:#f2f2f2;

#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.el-table{
  th{
    font-size: 16px;
  }
  tbody{
    .cell{
      white-space: nowrap !important;
    }
  }
}
.el-table tbody{
  font-size: 14px;
}
.el-button--mini, .el-button--small,.el-radio__label,.el-checkbox__label{
  font-size:16px !important;
}
.el-tag,.el-form-item__error{
  font-size: 14px  !important;
}
.el-checkbox__inner{
  width: 20px  !important;
  height:20px  !important;
}
.el-checkbox__inner::after {
  height: 12px !important;
  left:7px !important;
}
.el-checkbox__inner::before{
  top:8px !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: $maincolor !important;
  border-color:$maincolor !important;
}
.el-checkbox__input.is-disabled .el-checkbox__inner{
  background-color:white !important;
  border-color:$mainBG !important;
}
.el-dialog__header{
  background-color: $maincolor !important;
  .el-dialog__title{
    color:#fff !important;
  }
  .el-dialog__close,.el-icon-full-screen{
    color:#fff !important;
  }
}
.el-message-box{
  border:none !important;
  .el-message-box__header{
    background-color: $maincolor !important;
    .el-message-box__title,.el-message-box__close{
      color:#fff !important;
    }
  }
  .el-message-box__content{
    font-size: 16px;
  }
}

.el-form-item__label{
  font-size:16px !important;
  padding-right:10px !important;
  color:#333 !important;
}
.el-input__inner{
  border: 1px solid #ccc !important;
  font-size:16px !important;
  color:#333 !important;
  &:focus{
    border:2px solid $maincolor !important;
  }
}
.el-form-item.is-error .el-input__inner {
  border: 2px solid #F56C6C !important;
}
.avue-group__header{
  color:red;
  .avue-group__title{
    color:red;
  }
}
.avue-tags__menu{
  position:absolute;
  top:7px !important;
}
.bg-header .el-card__header{
  background-color:$maincolor;
  color:#ffffff;
}





@font-face {
  font-family: "iconfont2"; /* Project id 2663309 */
  src: url('//at.alicdn.com/t/font_2663309_zolh3zsbak.woff2?t=1629441481653') format('woff2'),
  url('//at.alicdn.com/t/font_2663309_zolh3zsbak.woff?t=1629441481653') format('woff'),
  url('//at.alicdn.com/t/font_2663309_zolh3zsbak.ttf?t=1629441481653') format('truetype');
}

.iconnew {
  font-family: "iconfont2" !important;
  font-size: 16px;

  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &:hover{
    background: $maincolor;
    color:$mainBG;
    padding:5px;
    border-radius: 50%;
  }
}

.icon-xiazai:before {
  content: "\e62a";
}

.icon-bhjdayinzhengjian:before {
  content: "\e633";
}

.icon-liebiao:before {
  content: "\e620";
}

.icon-daifahuo:before {
  content: "\e607";
}

.icon-fahuo:before {
  content: "\e609";
}

.icon-a-zengjiaxinzeng:before {
  content: "\e74b";
}

.icon-quanxianfenpei:before {
  content: "\e606";
}

.icon-xiugaimima:before {
  content: "\e67b";
}

.icon-rizhi:before {
  content: "\e613";
}

.icon-gengduo:before {
  content: "\e736";
}

.icon-bianji:before {
  content: "\e629";
}

.icon-tubiaozhizuo-:before {
  content: "\e611";
}

.icon-chakan:before {
  content: "\e60b";
}

.iconclick{
  cursor: pointer;
  color:$maincolor;
}
.iconclickdisable{
  color:#aebaff;
  pointer-events: none;
}


//左上角按钮集合
.avue-crud__left{
  .el-button,.el-button--primary{
    border-color:$maincolor;
    color:$maincolor;
    &:focus{
      background:$mainBG ;
    }
    &.is-disabled{
      background: white;
      border-color:$mainDisable;
      color:$mainDisable;
    }
  }
}

//表格弹出框样式自定义
.fixedtable{
  .avue-form__menu{
    position: sticky;
    bottom:0;
    z-index:2003;
    background: white;
    padding-top: 18px;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .avue-dialog__footer{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .el-button--primary,.el-button--primary:focus{
    background: $maincolor;
  }
  .el-button--primary:hover{
    color:$maincolor;
    background-color:$mainBG;
    border-color: $maincolor;
  }
}
.fixedtable2{
  .avue-form__menu{
    position: fixed;
    bottom:-60px;
    left:0;
    z-index:2003;
    background: white;
    padding-top: 18px;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    width:100%;
  }
  .avue-dialog__footer{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .el-button--primary,.el-button--primary:focus{
    background: $maincolor;
  }
  .el-button--primary:hover{
    color:$maincolor;
    background-color:$mainBG;
    border-color: $maincolor;
  }
}

//自定义弹框的自定义样式
.fixedform{
  .el-dialog__body{
    padding-bottom:75px;
    max-height: 400px;
    overflow: auto;
    .avue-form__group{
      max-height:400px;
      overflow-y: scroll;
      .avue-form__menu{
        position: absolute;
        bottom:-70px;
        .el-button--primary{
          background: $maincolor !important;
        }
      }
    }
  }
  .dialog-footer{
    .el-button--primary{
      background: $maincolor !important;
    }
  }
}
.el-message-box{
  .el-button--primary,.el-button--primary:focus{
    background: $maincolor;
    color:#fff;
  }
  .el-button--primary:hover {
    color: #EE514E;
    //background-color: #FBEBEB;
    background-color: #ecf5ff;

    border-color: #EE514E;
  }
}

.avue-crud__search{
  position: relative;
  .avue-form__menu{
    position: sticky;
    right:0;
    bottom:0;
    width: 210px;

    .el-button--small, .el-button--small.is-round{
      padding:7px 15px 6px;
    }

  }
}


.el-pagination.is-background .el-pager li:not(.disabled).active,.el-tabs__active-bar{
  background: $maincolor !important;
}
.avue-group__icon{
  color:red;
}
.el-radio__input.is-checked+.el-radio__label,.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,.el-button--text,.el-checkbox__input.is-checked+.el-checkbox__label{
  color:$maincolor;
}
.el-radio__input.is-checked .el-radio__inner,.avue-tags__menu .el-button--primary,.avue-form__menu--center .el-button--primary{
  border-color: $maincolor;
  background: $maincolor;
}

.el-select-dropdown__item.selected,.el-tabs__item.is-active{
  color:$maincolor !important;
}
.avue-crud .el-table th{
  background: #f3f3f3;
}
tr.hover-row  td {
    background-color: $mainBG !important;
  }
.el-tooltip__popper {
  padding: 5px 10px;
}
.el-table .cell{
  line-height: 30px;
}
.el-tree-node__content{
height: 36px;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background-color:$mainBG;
  color:$maincolor
}
.avue-crud__pagination .el-pagination {
  .el-input__inner{
    font-size:12px !important;
  }
}
.el-dropdown-menu__item:not(.is-disabled):hover{
  background-color:$mainBG;
  color:$maincolor;
}
.el-tag{
  background-color:$mainBG;
  color:$maincolor;
  border-color: $mainBG !important;
}
.el-button--primary{
  background-color: $maincolor;
  border-color:  $maincolor;
}
.el-submenu__title i{
  color:#fff !important;
  width:24px;
}
.avue-crud__right{
  .el-button:focus, .el-button:hover{
    border-color:$maincolor;
    background-color:$mainBG;
    .el-icon-refresh,.el-icon-s-operation,.el-icon-search{
      color:$maincolor !important;
    }
  }
}
.el-button--default:hover,.el-button--default:focus{
  color:$maincolor;
  background-color:$mainBG;
  border-color: $maincolor;
}
.el-button--primary:focus, .el-button--primary:hover{
  color:$maincolor;
  background-color:$mainBG;
  border-color: $maincolor;
}
.el-checkbox__inner:hover,.el-checkbox__input.is-focus .el-checkbox__inner,.el-textarea__inner:focus{
  border-color:$maincolor !important;
}

.el-loading-spinner .el-loading-text {
  color: $maincolor !important;
}


.el-loading-spinner .path {

  stroke: $maincolor !important;
}

.el-loading-spinner i,.el-button--text:focus, .el-button--text:hover {
  color: $maincolor !important;
}
.el-progress-bar__inner{
  background-color: $maincolor !important;
}
.el-tree-node.is-current>.el-tree-node__content{
  color: $maincolor;
  background-color:$mainBG;
}
.custom-tree-node{
  position: relative;
  .icontree{
    position: absolute;
    right:10px;
  }
}
.addtree{
  font-size: 12px;
  border-radius:2px;
  border:1px solid $maincolor;
  color:$maincolor;
  padding:2px 5px;

}
.icontree{
  i{
   height:24px;
   width: 24px;
   line-height: 24px;
   text-align: center;
    &:hover{
      padding:0;

    }
  }
}
.el-switch__core{
  height:10px;
}
.el-switch.is-checked .el-switch__core{
  border-color: #5677aa;
  background-color: #5677aa;
  height:10px;
}
.el-switch__core:after{
  background-color: #5677fc;
  top:-6px;
  width: 20px;
  height:20px;
}
.el-tabs__item:hover{
  color: $maincolor
}
.el-button--small, .el-button--small.is-round{
  padding:7px 15px;
}
.avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item{
  color:#101010;
}
.avue-sidebar .el-submenu .el-menu-item{
  color:white
}
.el-dialog,.el-message-box{
  border-radius:10px !important;
  .el-dialog__header{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
}
.el-input--mini .el-input__inner{
  height:35px;
  line-height: 35px;
}
.pmtable .el-table--enable-row-hover .el-table__body tr:hover>td{
  background: white;
}
.pdH{
  .el-col-24{
    height:50px;
    line-height:50px;
    &:nth-child(2n){
      background: #f2f2f2;
    }
  }
  .w50{
    width: 30px;
    display: inline-block;
  }
}
.pmtable{
  .cell{
    padding:0 !important;
  }
}
.avue-crud__tip{
  display: none;
}
.footer-crud{
  height:48px;
  line-height: 48px;
  text-align: center;
  font-size:16px;
  color:$maincolor;
  background:$headerbg;
  cursor: pointer;
  i{
    font-size:20px;
    padding:0 5px;
  }
}
.el-table thead.is-group th{
  background: $headerbg;
}

.el-dialog {
  display: flex;
  flex-direction: column;
  margin:0 !important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  /*height:600px;*/
  max-height:calc(100% - 100px);
  max-width:calc(100% - 30px);
}
.el-dialog .el-dialog__body {
  flex:1;
  overflow: auto;
}
.el-table__fixed-right-patch{
  background: $headerbg;
}
.el-icon-full-screen{
  display:none !important;
}
.el-menu{
  min-width:64px;
}
.el-textarea{
  font-size:16px;
}
.formspan{
  font-size:16px;
  margin-left:2px;
}
.colorRedspan{
  font-size:16px;
  margin-left: 10px;color:$maincolor;text-decoration: underline
}
.colorRedTitle{
  color:#333;
  font-size:16px;
 margin-top:10px;
  font-weight: bold;
}
.listtabs{
  .el-tabs__item{
    font-size:18px;
    font-weight: bold;
    .el-tabs__active-bar {
      width: 100px !important;
    }
  }

}
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
  color:$maincolor;
}
.avue-input-icon__item {
  width: 84px;
  padding: 10px 17px 10px;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
  color:$maincolor;
}
